
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>文章发布页</title>
    <meta http-equiv="Access-Control-Allow-Origin" content="*">
    <!-- 强制让文档的宽度与设备的宽度保持1:1，并且文档最大的宽度比例是1.0，且不允许用户点击屏幕放大浏览 -->
    <!--<meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width, minimal-ui">-->
    <meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
    <!-- iphone设备中的safari私有meta标签，它表示：允许全屏模式浏览 -->
    <meta name="apple-mobile-web-app-capable" content="yes">
    <link rel="stylesheet" type="text/css" href="../css/nctouch_common.css">
    <link rel="stylesheet" href="../css/article_add.css">
</head>
<body>
<div class="content">
    <div class="header">
        <p class="title">发布 <i onclick="history.go(-1)" class="titleIonc"></i></p>
    </div>
</div>
<div style="height: 40px"></div>
<div style="width:100%;margin: 0 auto;">
    <div class="publish-article-title">
        <div class="title-tips">已选择分类</div>
        <input type="text" id="class" class="w100" style="margin-bottom: 5px;" readonly >
        <div class="title-tips">标题</div>
        <input type="text" id="title" class="w100" placeholder="文章标题">
        <div class="title-tips">短标题</div>
        <input type="text" id="sort_title" class="w100" placeholder="文章短标题">
    </div>
    <div class="publish-article-title" id="areaSelected1">
        <div class="title-tips">选择地域</div>
        <input type="text" id="area_info" class="w100" readonly placeholder="点击选择地区">
    </div>
    <div class="publish-article-title" id="areaSelected2">
        <div class="title-tips">姓氏</div>
        <input type="text" id="firstname" class="w100" placeholder="输入姓氏">
        <div class="title-tips">姓氏首字母</div>
        <input type="text" id="ab" class="w100" placeholder="输入姓氏拼音首字母">
    </div>
    <div class="publish-article-content">
        <div class="title-tips">正文</div>
        <input type="hidden" id="target">
        <div class="article-content" id="content">
            <p>输入你自己的内容</p>
        </div>
        <div class="footer-btn g-image-upload-box">
            <div class="upload-button">
                <span class="upload"><i class="upload-img"></i>插入封面图片</span>
                <input class="input-file" id="imageUpload" onchange="uploadFace(this)" type="file" name="fileInput" accept="image/*" style="position:absolute;left:0;opacity:0;width:100%;">
            </div>
        </div>
    </div>
    <div class="publish-article-content">
        <div class="title-tips">作者：<span id="author"></span></div>
    </div>
    <p style="color: #666; height: 40px; line-height: 40px; text-indent: 1em;">封面图请上传:250*250左右图片</p>
    <div class="imageUpLoadPrev">
        <img id="view" alt="">
    </div>
    <div style="background:rgb(254,109,130);margin: 40px 10px;border-radius: 5px">
        <p id="btn" style="line-height: 40px;text-align: center;font-size: 17px;color: #ffffff">发布</p>
    </div>
</div>
<script type="text/javascript" src="../js/config.js"></script>
<script type="text/javascript" src="../js/startmove.js"></script>
<script type="text/javascript" src="../js/zepto.min.js"></script>
<script type="text/javascript" src="../js/common.js"></script>
<script type="text/javascript" src="../js/tmpl/add_article.js"></script>
<script type="text/javascript" src="../js/MEdit.min.js"></script>
<script>
    window.onload = function () { new MEdit({ meditid: "content" }); }
    function uploadFace(_this){
        var oFReader = new FileReader();
        oFReader.readAsDataURL(_this.files[0]);
        oFReader.onload = function (oFREvent) {
            $(".imageUpLoadPrev").show();
            document.getElementById('view').src = oFREvent.target.result;
        };
    }
</script>
</body>
</html>